<!DOCTYPE HTML>
<html>
<head>
  <title>Test: cloned media element should continue to play to the end even after the source of the original element is cleared</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  <script type="text/javascript" src="manifest.js"></script>
</head>
<body>
<pre id="test">
<script class="testbody" type="text/javascript">

// tests must run in sequence otherwise concurrent running test will also
// update media cache which will hide the fact media cache not updated
// after changes in media cache streams.
PARALLEL_TESTS = 1;

function startTest(test, token) {
  manager.started(token);
  info("Trying to load " + token);
  var v = document.createElement('video');
  v.preload = "metadata";
  v.token = token;
  v.src = test.name;

  v.onloadedmetadata = function(evt) {
    info(evt.target.token + " metadata loaded.");
    evt.target.onloadedmetadata = null;
    var clone = evt.target.cloneNode(false);
    clone.token = evt.target.token;
    clone.play();

    clone.onloadstart = function(evt) {
      info("cloned " + evt.target.token + " start loading.");
      evt.target.onloadstart = null;
      removeNodeAndSource(v);
    }

    clone.onended = function(evt) {
      ok(true, "cloned " + evt.target.token + " ended.");
      evt.target.onended = null;
      removeNodeAndSource(evt.target);
      manager.finished(evt.target.token);
    }
  }
}

var manager = new MediaTestManager;
manager.runTests(gSmallTests.concat(gPlayedTests), startTest);

</script>
</pre>
</body>
</html>
